<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>哔哩哔哩弹幕视频网 - ( ゜- ゜)つロ 乾杯~ - bilibili</title>
        <link href="../images/favicon.ico" rel="icon" type="image/x-icon" />
        <link rel="stylesheet" href="../css/cssreset.css">
        <link rel="stylesheet" href="../css/iconfont.css">
        <link rel="stylesheet" href="../css/register_style.css">
        <script src="../js/iconfont.js"></script>
        <script src="../js/jquery-3.0.0.js"></script>
    </head>
    <body>
        <header>
            <div class="clearboth header_top">
                <ul class="clearboth">
                    <li class="li_bili">
                        <svg class="icon bili" aria-hidden="true">
                            <use xlink:href="#icon-bilibili"></use>
                          </svg>
                        <a href="../index.html" target="_blank">主站 </a><svg class="icon up" aria-hidden="true">
                            <use xlink:href="#icon-xiala"></use>
                          </svg>
                    </li>
                    <li><a href="#">番剧</a></li>
                    <li><a href="#">游戏中心</a></li>
                    <li><a href="#">直播</a></li>
                    <li><a href="#">会员购</a></li>
                    <li><a href="#">漫画</a></li>
                    <li><a href="#">赛事</a></li>
                    <li><a href="#">BW</a></li>
                    <li>
                        <span class="iconfont icon-shouji1"></span><a href="#">下载APP</a>
                    </li>
                </ul>
                <p class="he_right">
                    <a href="login.html" target="_blank" class="top_login1">
                        <span class="top_login">
                           <img src="../images/header_1.jpg" alt="" width="30px">
                        </span>
                        <span>登录</span></a>
                    <a href="register.html" class="top_register">注册</a>
                    <a href="#" class="top_art">投稿</a>
                </p>
                <form action="">
                    <input type="text" class="input" placeholder="朴智妍solo回归曲">
                    <p>
                        <button class="button">
                            <svg class="icon search" aria-hidden="true">
                                <use xlink:href="#icon-fangdajing"></use>
                              </svg>
                        </button>
                    </p>
                </form>
            </div>
            <p class="header_pic">
                <img src="../images/header.png" alt="" width="980px">
            </p>
        </header>
        <main>
            <p class="m_top">
                <span>注册</span>
            </p>
            <div class="m_bot">
                <div class="m_bot_min">
                    <form action="" class="form1">
                        <input type="text" placeholder="昵称" class="in_name">
                        <p class="sh_tip">
                            安全系数 &nbsp;
                            <i class="weak"></i>
                            <i class="medium"></i>
                            <i class="strong"></i>
                            <span class="strong_word"></span>
                        </p>
                        <input type="password" placeholder="密码（6-16个字符组成，区分大小写）" class="password">
                        <div class="num">
                            <input type="text" name="" id="" class="area" placeholder="中国大陆">
                            <span class="iconfont icon-xiala"></span>
                            <input type="text" id="" class="tel" placeholder="填写常用手机号">
                            <ol class="show_area">
                                <li>中国大陆</li>
                                <li>中国香港</li>
                                <li>中国台湾</li>
                                <li>中国澳门</li>
                                <li>澳大利亚</li>
                            </ol>
                        </div>
                        <div class="mess clearboth">
                            <input type="text" placeholder="请输入短信验证码" class="input_mess" >
                            <p>点击获取</p>
                        </div>
                        <p class="check">
                            <span class="agree"></span>
                            <input type="checkbox" >
                             我已同意<a href="#">《哔哩哔哩弹幕网用户使用协议》</a href="#">和<a href="#">《哔哩哔哩隐私政策》</a></label>
                        </p>
                        <input type="submit" value="注册" class="submit">
                    
                        <p class="already"><a href="#">已有账号，直接登录></a></p>
                    </form>
                    <div class="show_tip">
                        <p>请告诉我你的昵称吧</p>
                        <p>密码不能小于6个字符</p>
                        <p>请输入手机号</p>
                        <p>请输入验证码</p>
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <div class="clearboth list">
                <dl class="dl_left clearboth">
                    <dt>bilibili</dt>
                    <dd><a href="#">关于我们</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                    <dd><a href="#">加入我们</a></dd>
                    <dd><a href="#">友情链接</a></dd>
                    <dd><a href="#">bilibili认证</a></dd>
                    <dd><a href="#">Investor&nbsp;Relations</a></dd>
                </dl>
                <dl class="dl_middle">
                    <dt>传送门</dt>
                    <dd><a href="#">帮助中心</a></dd>
                    <dd><a href="#">高级弹幕</a></dd>
                    <dd><a href="#">活动专题页</a></dd>
                    <dd><a href="#">侵权申诉</a></dd>
                    <dd><a href="#">活动中心</a></dd>
                    <dd><a href="#">用户反馈论坛</a></dd>
                    <dd><a href="#">壁纸站</a></dd>
                    <dd><a href="#">名人堂</a></dd>
                    <dd><a href="#">专车号服务中心</a></dd>
                </dl>
                <ul class="clearboth">
                    <li>
                        <span class="sp_gk"></span>
                        <a href="#">客户端下载</a>
                    </li>
                    <li>
                        <span class="sp_wb"></span>
                        <a href="#">新浪微博</a>
                    </li>
                    <li>
                        <span class="sp_wx"></span>
                        <a href="#">官方微信</a>
                    </li>
                </ul>
            <div class="f_con">
                <div class="pic">
                    <p class="f_ad1"></p>
                    <p class="f_ad2"></p>

                </div>
                <div class="word">
                    <p class="w_top">广播电视节目制作经营许可证：（沪）字第1248号 | 网络文化经营许可证：沪网文[2016]2296-134号 | 信息网络传播视听节目许可证：0910417 | 互联网ICP备案：<a href="#">沪ICP备13002172号-3</a> 沪ICP证：沪B2-20100043 | 违法不良信息举报邮箱：help@bilibili.com | 违法不良信息举报电话：4000233233转3
                        | <a href="#">营业执照</a></p>
                    <p class="w_bot"><a href="#"><span class="shanghai"></span>  上海互联网举报中心</a> | 12318 全国文化市场举报网站 | <a href="#"><img src="../images/beiantubiao.png" width="18px"> 沪公网安备 31011002002436号</a> || <a href="#">儿童色情信息举报专区</a><br>
                        <a href="#">网上有害信息举报专区：<img src="../images/12377.png" width="18px">中国互联网违法和不良信息举报中心</a><br>
                        亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。<br>
                        公司名称：上海宽娱数码科技有限公司 | 公司地址：上海市杨浦区政立路485号 | 电话：021-25099888</p>
                </div>
            </div>
        </div>
        </footer>



        <script src="../js/register.js"></script>
    </body>
</html>